.seach{
	.seact-content{
		z-index: 99;
		position: -webkit-sticky;
		position: sticky;
		top:  var(--window-top);
		background-color: #FFFFFF;
	}
	.seach-top{
		padding: 20upx 20upx 0 20upx;
		.seach-input{
			border: 1px solid #EEEEEE;
			height: 80upx;
			border-radius: 40upx; 
			display: flex;
			align-items: center;
			input{
				padding: 10upx 30upx;
				height: 100%;
				width: 80%;
				box-sizing: border-box;
			}
			.seach-btn{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 20%;
				height: 100%;
				background-color: red;
				color: #FFFFFF;
				border-top-right-radius: 45upx;
				border-bottom-right-radius:45upx;
				font-size: 34upx;
			}
		}
	}
	
	.short-tabs {
	  display: flex;
	  align-items: center;
	  height: 60px;
	  justify-content: space-between;
	  width: 100%;
	  background-color: #FFFFFF;
	  border-bottom: 1px solid #EEEEEE;
	  background-color: #FFFFFF;
	  box-sizing: border-box;
	  .scrollView {
	    width: 100%;
	    overflow: hidden;
	    white-space: nowrap;
	  }
	  .short-tab {
		  // #ifdef H5
		  touch-action: none;
		  // #endif
	    display: inline-block;
	    height: 50px;
	    font-size: 32upx;
	    padding: 16upx 16upx 0 16upx;
	    .short-tab-item {
	      display: flex;
	      flex-flow: column;
	      align-items: center;
	      text:first-child {
	        font-weight: bold;
	      }
	      text:last-child {
	        font-size: 24upx;
	        color: #808080;
	        padding: 4upx 20upx;
	        margin-top: 6upx;
	      }
	    }
	  }
	  .active {
	    .short-tab-item {
	      color: red;
	      text:last-child {
	        font-size: 24upx;
	        background-color: red;
	        color: #FFFFFF;
	        padding: 4upx 20upx;
	        border-radius: 40upx;
	        margin-top: 6upx;
	      }
	    }
	  }
	}
	
	.history{
		padding: 20upx;
		.title{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-bottom: 30upx;
			text:first-child{
				font-size: 32upx;
				font-weight: bold;
				color: #333333;
			}
		}
		.history-lists{
			display: flex;
			margin-bottom: 12upx;
			flex-wrap: wrap;
			.history-list{
				background-color: #EEEEEE;
				padding: 10upx 36upx;
				border-radius: 40upx;
				margin-right: 30upx;
				color: #333333;
				max-width:30%;
				margin-bottom: 30upx;
			}
		}
	}
}